---
title: Select
description: Customize the native <select> with custom CSS that changes the element’s initial appearance.
sidebar_position: 4
---

import SelectBasic from '!!raw-loader!../examples/Form/SelectBasic';
import SelectSizes from '!!raw-loader!../examples/Form/SelectSizes';

## Default

<CodeBlock language="jsx" live>
  {SelectBasic}
</CodeBlock>

## Sizing

You may also choose from small and large custom selects to match our
similarly sized text inputs.

<CodeBlock language="jsx" live>
  {SelectSizes}
</CodeBlock>

## API

### FormSelect

<PropsTable name="FormSelect" />
